<template>
	<view>
		<view class="app">
			
		<view class="flex-ctent bg-grd">
			<uni-icons type="person" color="#FFFFFF" size="40"></uni-icons>
		</view>
		<view class="flex-ctent" style="color: #000000;font-size: 1.2rem;">
			群管理
		</view>
		<view class="admin-conten">
			<text>群管理可以拥有以下能力</text>
			<ol>
				<li>设置进群方式</li>
				<li>移除群成员（群主/管理员除外）</li>
				<li>设置群消息</li>
			</ol>
		</view>
		<view class="admin-add-btn">
			<view @click="gotoMember()" class="uploadbtn" :style="'background:url('+pre_url+'/static/img/shaitu_icon.png) no-repeat 60rpx;background-size:80rpx 80rpx;background-color:#F3F3F3;'" >
				
			</view>
		</view>
		</view>
	</view>
</template>

<script>
	var app = getApp()
	export default {
		data() {
			return {
				pre_url:app.globalData.pre_url,
				gropID:null
			};
		},
		onLoad(e) {
			this.gropID = e.id || 1
		},
		methods:{
			gotoMember(){
				uni.navigateTo({
					url:'../gropSetAdminMember/gropSetAdminMember?cid='+this.gropID
				})
			}
		}
	}
</script>

<style lang="less">
	.app{
		padding:15rpx;
	}
	.bg-grd{
		background-color: #8d8d8d;
		height: 120rpx;
		width: 120rpx;
		border-radius: 100%;
		margin: 3% auto !important;
		display: flex;
		align-items: center;
	}
	.flex-ctent{
		display: flex;
		justify-content: center;
		margin: 2% 0;
	}
	.admin-conten {
		color: #676767;
		font-size: 1rem;
		border-bottom: 1rpx solid #282828;
		li{
			// margin-left: 15rpx;
			margin: 15rpx 15rpx 15rpx 0;
		}
	}
	.admin-conten li::before {
	    content: "*";
	    margin-right: 5px; /* 可选，控制符号与内容之间的间距 */
	  }
	  .uploadbtn{
		  margin-top: 50rpx;
		  height: 200rpx;
		  width: 200rpx;
		  border: 1rpx solid #cecaca;
	  }
</style>
